<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎登录食品安全网站</title>
    <link rel="stylesheet" href="__PUBCSS__/css/base.css">
    <style>
        .login-main{
            width: 100%;
            height: 800px;
            /*border: 1px solid #000;*/
            background:url(__PUBEXAM__/signin/img/login-bg.png)no-repeat center;
            overflow: hidden;
        }
        .login-wrap{
            width: 680px;
            height: 471px;
            background: url(__PUBEXAM__/signin/img/log-in-wrap.png)no-repeat center;
            margin: 100px auto;
            overflow: hidden;
            /*border: 1px solid #000;*/
        }
        .login-wrap form{
            width: 460px;
            height: 360px;
            margin: 30px auto;
            border: 1px solid #fff;
            text-align: center;

        }
        .login-wrap h1{
            margin-top: 40px;
            font: 30px/30px "microsoft";
            text-align: center;
            color: #62B6F4;

        }
        .login-wrap form input.login-inp{
            width: 380px;
            height: 54px;
            border: 1px solid #eee;
            margin-top: 30px;
            text-indent: 20px;
            font: 18px/54px "microsoft";
            color: #333;
          

        }
        .login-wrap button{
            /*margin: 30px auto 0;*/
            width: 300px;
            height: 57px;
            border: none;
            background-color: #1670CC;
            margin-top: 30px;
            /*margin-left: 90px;*/
            font: 24px/54px "microsoft";
            color: #fff;
            border-radius: 5px;
        }
        .login-bottom{
            width: 100%;
            height: 50px;
            /*border: 1px solid #000;*/
            margin-top: 40px;
            padding-left:  15px;
            color: #9F9F9F;

        }
        .login-bottom input{
            margin-top: 5px;
        }
        .login-bottom span{
            margin-left: 5px;
        }
        .login-bottom span{
            color: #9F9F9F;
        }

    </style>



</head>
<body>
<!--头部LOGO和电话-->
<div class="w clearfix">
    <a href="../index.html">

        <div class="head_pic headerExam">
            <div class="left_float logo font_color_normal">
                <span><b>LOGO</b></span>
            </div>
            <div class="right_float tel_me">
                <div class="left_float tel_word">
                    <img src="../images/comeon.gif" alt="">
                </div>
            </div>
        </div>
    </a>
</div>
      <div class="login-main">
                  <div class="login-wrap">
                      <form method="post" action="/user/login">
                          <h1>LOGO食品安全</h1>

                          <input class="login-inp" type="text" placeholder="用户名" name="login-username">
                          <input class="login-inp" type="password" placeholder="密码" name="login-password">

                          <button>登录</button>
                          <div class="login-bottom">

                              <input type="checkbox"  class="left_float" id="key-checkbox" name="key-checkbox">
                              <lable for="key-checkbox"  class="left_float">15天免密码登录</lable>

                               <div class="right_float">

                                   <a href="#"><span >忘记密码</span></a>
                                   <span>|</span>
                                   <a href="#"><span>注册用户</span></a>

                               </div>


                          </div>


                      </form>
                  </div>
      </div>


</body>
</html>